<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Bootstrap Demo</title>
  <!-- Bootstrap -->
  



  <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
  <!-- You'll need the latest jquery files to support any bootstrap.js -->
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <!-- compiled boostrap.js for production. use original source files for development -->
  <script src="js/bootstrap.min.js"></script>
  <script>
  </script>
  <style type="text/css">
  body{
    padding-bottom: 40px;
    background-color:  #0A6499;
  }
  
  .form-signin {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.05);
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,.05);
    box-shadow: 0 5px 5px rgba(0,0,0,.05);
  }
  .form-signin .form-signin-heading, .form-signin .checkbox {
    margin-bottom: 10px;
  }
  .form-signin input[type="text"],
  .form-signin input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
  }
  h1{
    
    margin: 0 auto 20px;
    
    padding-left: 20px;
    padding-bottom: 20px;
    color:white;
  }
  header{
    padding-top:20px;
    background-color:#225675;
  }
  #inputs{
    display:block;
  }
  #button{
    margin-left: 100px;
    
  }
  footer, #footer{
    text-align:center;
  }
  </style>
</head>
<body>
  <div id="wrapper">
    <header id="header" class="header">
      <h1>Seven Bits!</h1>
    </header>
    
    <div class="container">
      <form class="form-signin" method="post" action="checklogin.php">
        <div id="inputs">
          <h2 class="form-signin-heading">Sign In</h2>
          <!-- autofocus and autocomplete is an html5 attribute but we can also use boostraps functions for it -->
          <input name="username" id="username" type="text" class="input-block-level" autocomplete="on" autofocus="on" placeholder="Username" required="true">
          <input name="password" id="password" type="password" class="input-block-level" placeholder="Password" required="true">
          <label id="remember" class="checkbox"><input type="checkbox" value="remember-me">Remember me</label>
          <label id="errorNotification"></label>
          <input id="btnSubmit" type="submit" value="Submit" class="btn btn-large btn-primary" />
        </div>
        <!--/><input id="button" type="button" value="Sign In" class="btn btn-large btn-primary"  autofocus="on"/>-->
      </form>
    </div>
  </div>
  <div id="footer">
    <div class="container">
      <p class="muted credit">&copy; SevenBits <a href="mailto:knivex27@gmail.com"> Charles Tapar</a> , January 2013 </p>
      <p>testing 123 for harleen</p>
    </div>
  </div>
        <!--<footer id="footer" class="container">
                <h6 class="muted credit">&copy; SevenBits, Charles Tapar, January 2013</h6>
                <address><h6>Contact me at <a href="mailto:knivex27@gmail.com">charles.t@gmail.com</a></h6>
                </address>
              </footer>-->
            </body>
            </html>